<script setup lang="ts">
    //来自于父组件
    defineProps({//定义属性
        parentValue:{
            type:Number,
            required:true
        },
        parentName:{
            type:String,
            required:true
        },
        product:{
            type:Object,
            required:true
        },
        proArray:{
            type:Array,
            required:true
        }
    })



</script>

<template>
    <div>
        <h1>这是子组件</h1>
        从父组件拿到的数据：{{ parentValue }},{{ parentName }}<br/>
        从父组件拿到的对象：{{ product }},{{ product.proName }}<br/>
        从父组件拿到的数组：<span v-for="(name) in proArray" :key="name.proId">
            {{ name }},
        </span>


       
    </div>
</template>